@import '_global.scss';
$screenWidth: 1920 !default;
body,
html,
#main {
    @media screen and (max-width: $screenWidth) {
        width: $screenWidth;
    }
    width: 100%;
    height: 94%;
    background: linear-gradient(to right, #F4F6FB 50%, #FFFFFF 50%);
    //overflow-y:hidden;
}

body>#main {
    height: auto;
    min-height: 100%;
}

body::-webkit-scrollbar {
    display: none;
}

html {
    overflow-y: scroll;
}

:root {
    overflow-y: auto;
    overflow-x: hidden;
}

:root body {
    position: absolute;
}

.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: $screenWidth;
    margin: getvw(80) auto 0;
    padding-bottom: getvw(52);
    //box-sizing: border-box;
    height: getvw(870);
    background: linear-gradient(to right, #F4F6FB 50%, #FFFFFF 50%);
    &>section {
        width: 50%;
        height: 100%;
    }
    .content-left {
        display: flex;
        justify-content: center;
        align-items: center;
        article {
            width: getvw(549);
            height: getvw(576);
            background: url("https://19jwshow.oss-cn-shenzhen.aliyuncs.com/images/%E4%B8%8A%E4%BC%A0%E6%9C%9F%E6%9C%AB%E6%88%90%E7%BB%A9%403x.png") no-repeat;
            background-size: getvw(549) getvw(576);
            //margin-right: 25%;
        }
    }
    .content-right {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        padding: 0 getvw(86) 0 getvw(174);
        box-sizing: border-box;
        .switch-Grade-wrap {
            #switch-Grade-select {
                position: relative;
                display: flex;
                align-items: center;
                width: getvw(187);
                height: getvw(50);
                line-height: getvw(50);
                border-radius: getvw(18);
                border: getvw(1) solid #757575;
                float: right;
                line-height: getvw(28);
                padding: 0 getvw(18) 0 getvw(23);
                box-sizing: border-box;
                @include font(21,
                400,
                #757575);
                cursor: pointer;
                appearance: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                background: url("https://19jwshow.oss-cn-shenzhen.aliyuncs.com/images/三角形@3x.png") no-repeat scroll getvw(160) center transparent;
                background-size: getvw(9) getvw(9);
                .option {
                    display: none;
                    position: absolute;
                    top: getvw(52);
                    left: 0;
                    width: getvw(187);
                    border: getvw(1) solid #757575;
                    box-sizing: border-box;
                    list-style: none;
                    border-radius: getvw(5);
                    overflow: hidden;
                    li {
                        width: 100%;
                        height: getvw(40);
                        background-color: #FFF;
                        color: #52525E;
                        padding-left: getvw(21);
                        box-sizing: border-box;
                        line-height: getvw(40);
                        &:hover {
                            background-color: #52525E;
                            color: #FFF;
                        }
                    }
                }
            }
        }
        .show-logo {
            width: getvw(230);
            height: getvw(103);
            margin-top: getvw(60);
            background: url("https://19jwshow.oss-cn-shenzhen.aliyuncs.com/images/SHOW@3x.png") no-repeat center center;
            background-size: getvw(230);
            @include font(86,
            normal,
            #757575);
        }
        .show-title {
            line-height: getvw(37);
            margin: getvw(36) 0 getvw(24);
            @include font(26,
            400,
            #161516)
        }
        .school-semester-wrap {
            display: flex;
            z-index: 10;
            justify-content: flex-start;
            margin-bottom: getvw(38);
            &>div {
                position: relative;
                display: flex;
                align-items: center;
                width: getvw(180);
                height: getvw(48);
                border-radius: getvw(18);
                border: getvw(1) solid #757575;
                line-height: getvw(28);
                padding-left: getvw(21);
                box-sizing: border-box;
                margin-right: getvw(36);
                cursor: pointer;
                background: url("https://19jwshow.oss-cn-shenzhen.aliyuncs.com/images/三角形@3x.png") no-repeat scroll getvw(153) center transparent;
                background-size: getvw(9) getvw(9);
                @include font(18,
                400,
                #757575);
                .option {
                    display: none;
                    position: absolute;
                    top: getvw(50);
                    left: 0;
                    width: getvw(180);
                    max-height: getvw(200);
                    border: getvw(1) solid #757575;
                    box-sizing: border-box;
                    list-style: none;
                    border-radius: getvw(5);
                    overflow: auto;
                    li {
                        width: 100%;
                        height: getvw(40);
                        background-color: #FFF;
                        color: #52525E;
                        padding-left: getvw(21);
                        box-sizing: border-box;
                        line-height: getvw(40);
                        &:hover {
                            background-color: #52525E;
                            color: #FFF;
                        }
                    }
                }
            }
        }
        #file-wrap {
            z-index: 0;
            width: getvw(655);
            height: getvw(282);
            overflow: auto;
            #file-wrap::-webkit-scrollbar {
                width: 8;
            }
            #file-wrap::-webkit-scrollbar-track {
                background-color: red;
                -webkit-border-radius: 2em;
                -moz-border-radius: 2em;
                border-radius: 2em;
            }
            #file-wrap::-webkit-scrollbar-thumb {
                background-color: green;
                -webkit-border-radius: 2em;
                -moz-border-radius: 2em;
                border-radius: 2em;
            }
            .file-wrap {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                width: getvw(628);
                height: getvw(86);
                background: #FFFFFF;
                border: getvw(1) dashed #979797;
                box-sizing: border-box;
                margin-bottom: getvw(8);
                position: relative;
                // .file-radio {
                //     display: none;
                //     margin: 0 getvw(24) 0 getvw(16);
                // }
                .file-icon {
                    display: none;
                    width: getvw(35);
                    height: getvw(33);
                    background: url("https://19jwshow.oss-cn-shenzhen.aliyuncs.com/images/Folder@3x.png") no-repeat;
                    background-size: getvw(35) getvw(33);
                    margin-left: getvw(24);
                }
                .forOpenFile {
                    text-align: center;
                    line-height: getvw(86);
                    width: 100%;
                    height: 100%;
                    margin: 0 auto;
                }
                .openFile {
                    display: none;
                }
                .file-message {
                    display: none;
                    margin-left: getvw(14);
                    line-height: getvw(22);
                    @include font(16,
                    400,
                    #999999);
                }
                .file-error {
                    display: none;
                    margin: 0 getvw(62) 0 auto;
                    width: getvw(20);
                    height: getvw(20);
                    background: url("https://19jwshow.oss-cn-shenzhen.aliyuncs.com/images/Delete@3x.png") no-repeat;
                    background-size: getvw(20) getvw(20);
                }
                .file-close {
                    display: none;
                    position: absolute;
                    top: getvw(37);
                    right: getvw(17);
                    width: getvw(12);
                    height: getvw(12);
                    cursor: pointer;
                    background: url("https://19jwshow.oss-cn-shenzhen.aliyuncs.com/images/close.png") no-repeat;
                    background-size: cover;
                }
                a {
                    line-height: 22;
                    @include font(16,
                    400,
                    #999999);
                }
            }
            .file-list-wrap {
                .file-wrap {
                    border: none;
                    .file-icon {
                        display: block;
                    }
                    .forOpenFile {
                        display: none;
                    }
                    .file-message {
                        display: block;
                    }
                    .file-close {
                        display: block;
                    }
                }
            }
        }
        .submit-button {
            width: getvw(266);
            height: getvw(80);
            background: linear-gradient(135deg, #4279FD 0%, #89B1FF 100%);
            border-radius: getvw(30);
            line-height: getvw(29);
            margin-top: getvw(19);
            cursor: pointer;
            border: none;
            outline: none;
            @include font(21,
            400,
            #FFFFFF);
        }
        .contact-us-wrap {
            margin-top: auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            p {
                line-height: getvw(29);
                @include font(21,
                400,
                #999);
                user-select: none;
                a {
                    color: #89B1FF;
                }
            }
        }
    }
}

footer {
    position: relative;
    bottom: getvw(-52);
    width: 100%;
    margin-top: getvw(-52);
    clear: both;
    height: getvw(52);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F5F5F5;
    .footer-copyright {
        display: flex;
        a {
            @include font(12,
            400,
            #999999);
            line-height: getvw(17);
        }
        span {
            width: getvw(14);
            height: getvw(14);
            background: url("https://19jwshow.oss-cn-shenzhen.aliyuncs.com/images/WechatIMG1127@3x.png") no-repeat;
            background-size: getvw(14) getvw(14);
            margin: 0 getvw(1) 0 getvw(11);
        }
    }
}